【週四寫程式 回顧 0714 】來做換色與快速整理的便利貼牆吧！
昨天在直播中分享了便利貼製作Part1
實作了拖曳/資料編輯功能，
並使用Vue.js的資料變動-自動計算文字數量，
處理字體大小/顯示的位置等，
下週將會來將這次的範例完善，
改進文字偏移問題與介面，加入進出時的transition，
並連上Firebase製作多人便利貼版！
重點回顧：
1.使用:style="method(物件)"，動態計算一包屬於物件的屬性
2.在滑鼠mouseDown時，紀錄開始的偏移，避免移動中跳一下
3.位置的計算跟顏色變動，全部交給第一項計算，由vue監測變動更新樣式
4. 文字大小動態指定，以 寬度/字數 微調方式除
直播貼文：
https://www.facebook.com/bosscodingplease/videos/1878799142373497/
Demo:
https://codepen.io/frank890417/pen/XgOZVJ?editors=0011
Search